<template>
<!-- template内部写结构(html) -->
<div class="father">
  <div class="son">123</div>
  <div>555</div>
</div>
  
</template>

<script>
// 写js逻辑的
console.log('我写了js');
</script>

<style lang="less">
/* 样式 */
.father {
  width: 200px;
  height: 300px;
  background: orange;
.son {
  width: 100px;
  height: 100px;
  background: pink;
}
}

</style>